<template>
	<view class="content" :style="{backgroundColor:colorbg?colorbg:'#FFFFFF'}">
		<view @click="handback" class="imagebox">
			<image class="headerimg" :src="proxy.serverimageUrl + 'components/back.png'" mode=""></image>
			<view class="text">
				{{title}}
			</view>
		</view>

	</view>
</template>

<script setup>
	import {
		defineProps,
		getCurrentInstance
	} from 'vue'
	const {
		proxy,
		ctx
	} = getCurrentInstance()
	const props = defineProps({
		title: String,
		instruct: String,
		colorbg: String
	})
	const emit = defineEmits(['change', 'delete'])
	const handback = () => {
		emit('instruct1','back1')
		// console.log(props,)
	}
</script>

<style lang="scss" scoped>
	.content {
		width: 100vw;
		height: 195rpx;
		background: #FFFFFF;
		box-sizing: border-box;
		padding-left: 30rpx;
		padding-top: 117rpx;

		.imagebox {
			display: flex;
			align-items: center;
			height: 40rpx;
			// margin-top: 116rpx;

			.headerimg {
				width: 16rpx;
				height: 30rpx;
			}

			.text {
				// margin-top: 114rpx;
				margin-left: 30rpx;
				font-family: SourceHanSansSC;
				font-weight: 400;
				font-size: 30rpx;
				color: #303030;
			}
		}


	}
</style>